/*公共*/
.float-right{float: right;}
.float-left{float: left;}
.ml-200{margin-left: 185px;}
.mt-15{margin-top: 15px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}

.m15{margin: 15px !important;}

.margin-0{margin: 0 0;}
.padding-0{padding: 0 0;}

.text-center{text-align: center;}


.layui-center{text-align:center;}
.layui-background{background-color: #23262E;}
/*导航*/
.layui-main{width:auto;margin: 0 0;}
.layui-nav{padding: 0 0;}

/* 头部 */
.logo{position: absolute; left: 20px; top: 10px;}
.logo img{height: 40px;}


/*宽度*/
.w-0{width: auto;}
.w-100{width: 100px;}
.w-150{width: 150px;}
.w-200{width: 200px;}
.w-250{width: 250px;}
.w-300{width: 300px;}
.w-350{width: 350px;}
.w-400{width: 400px;}

/*输入框宽度*/
.input-x{width: 10%;}
.input-2x{width: 20%;}
.input-3x{width: 30%;}
.input-4x{width: 40%;}
.input-5x{width: 50%;}
.input-6x{width: 70%;}
.input-8x{width: 80%;}
.input-9x{width: 90%;}
.input-10x{width: 100%;}

/*分页*/
.pagination{display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 5px 11px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span{padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span{border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span{border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span{padding: 5px 11px; font-size: 12px; line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span{border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
